<template>
  <div>
     <span v-for="(item,index) in arr2" :key='index' :class="{right:item.status==='正确',error:item.status==='错误',undo:item.status==='未完成'}">{{ index+1 }}.
      {{ item.status}}
     </span>
    </div>
  </template>
  
  <script>
  export default {
    props:{
    arr2:{
      type:Array,
    },
  },
  
  };
  </script>
  
  <style scoped>
  .right {
    color: green;
  }
  .error {
    color: red;
  }
  .undo {
    color: #ccc;
  }
  </style>